@charset "utf-8";
/* CSS Document */

.directory-tree {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	_position:relative;
	_width:100%;
	_height:100%;
	overflow:auto;
	background:#545765 url(../images/main/directory_bg.png)
}
/*img x*/
.directory-tree a {
	background-image:url(../images/main/directory_tree_x.png);
	background-repeat:repeat-x;
}
/*.imenu*/
.imenu,
.inav,
.ind {
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	overflow:hidden;
	background-image:url(../images/main/directory_tree.png);
	background-repeat:no-repeat;
}
.ico-sync {
	background-position:0 0;
}
.ico-file {
	background-position:-20px 0;
}
.ico-document {
	background-position:-40px 0;
}
.ico-video {
	background-position:-60px 0;
}
.ico-photo {
	background-position:-80px 0;
}
.ico-music {
	background-position:-100px 0;
}
.ico-folder,
.ico-shared-folder {
	width:16px;
	height:16px;
	background-position:0 -20px;
}
.ico-shared-folder {
	background-position:-100px -20px;
}
.iv-sync {
	background-position:0 -60px;
}
.iv-file {
	background-position:-40px -60px;
}
.iv-document {
	background-position:-80px -60px;
}
.iv-video {
	background-position:0 -100px;
}
.iv-photo {
	background-position:-40px -100px;
}
.iv-music {
	background-position:-80px -100px;
}
.iv-accessory {
	background-position:0 -140px;
}
.ind {
	width:12px;
	height:12px;
	background-position:-20px -20px;
	cursor:pointer;
}
.ind:hover {
	background-position:-60px -20px;
}
.ino {
	background-position:-40px -20px;
}
.ino:hover {
	background-position:-80px -20px;
}
/**/
.directory-tree dt {
	position:relative;
	height:32px;
	overflow:hidden;
	font-weight:bold;
	font-size:14px;
}
.directory-tree a {
	/*color:#CCC;*/ color:#f60;
}
.directory-tree dt a {
	display:block;
	height:20px;
	padding:6px 0 6px 50px;
	line-height:20px;
	overflow:hidden;
	background-position:0 -278px;
}
.directory-tree dt a:hover {
	text-decoration:none;
	color:#FFF;
	background-position:0 -277px;
}
.directory-tree dt a.focus,
.directory-tree dt a.focus:hover {
	color:#FFF;
	background-color:#5FC1FD; /*387BE6*/
	background-position:0 -1356px;
}
.directory-tree dt .ind {
	position:absolute;
	top:10px;
	left:7px;
}
.directory-tree dt .imenu {
	position:absolute;
	top:6px;
	left:22px;
}
.directory-tree dd {
	padding:5px 0;
	overflow:hidden;
	/*border-bottom:1px solid #31333D;*/
}
.directory-tree dd:last-child {
	border-bottom:0 none;
}
.directory-tree li a {
	display:block;
	height:16px;
	padding:4px 0 4px 35px;
	line-height:16px;
	white-space:nowrap;
	overflow:hidden;
	/*background-position:0 100px;*/
}
.directory-tree li a:hover {
	text-decoration:none;
	/*color:#FFDD99;*/  color:#FAB039;
	/*background-color:#474A56;*/
}
.directory-tree li a.focus,
.directory-tree li a.focus:hover {
	font-weight:bold;
	/*color:#FFF;*/ color:#FFDD99;
	background-color:#5FC1FD;  /*387BE6*/
	/*background-position:0 -99px;*/
}
.directory-tree li .ind {
	margin:0 3px 0 -15px
}
.directory-tree li .imenu {
	margin:0 6px 0 0;
}
/**/
.directory-tree li span {
	display:block;
	height:16px;
	padding:4px 0 4px 35px;
	overflow:hidden;
}
.directory-tree input {
	width:120px;
	height:14px;
	margin:0;
	padding:2px 3px;
	line-height:14px;
	vertical-align:middle;
	border:1px solid;
	border-color:#333 #FFF #FFF #333;
	background:#FFF;
}
.directory-tree button {
	width:20px;
	height:20px;
	margin:0;
	vertical-align:middle;
	border:0 none;
	background-image:url(../images/main/page_handle.gif);
	background-repeat:no-repeat;
}
.directory-tree .confirm {
	background-position:-20px -40px;
}
.directory-tree .cancel {
	background-position:-40px -40px;
}
/**/
.directory-tree .inav {
	position:absolute;
	top:11px;
	left:20px;
	width:30px;
	height:30px;
}
.directory-tree ol li {
	height:50px;
}
.directory-tree ol li a {
	position:relative;
	height:30px;
	padding:10px 10px 10px 60px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	background-position:0 -175px;
}
.directory-tree ol li a:hover {
	background-position:0 -226px;
}
.directory-tree ol li a.focus,
.directory-tree ol li a.focus:hover {
	background-position:0 -124px;
}
